<!DOCTYPE html>
<html class="no-js" lang="fr">
<head>
	<meta charset="utf-8" />
	<meta http-equiv="x-ua-compatible" content="ie=edge" />
	<title>关于我们</title>
	<meta name="description" content="Xolio - Creative Agency Template" />
	<meta name="viewport" content="width=device-width, initial-scale=1" />

	<!-- Place favicon.ico in the root directory -->

	<!-- CSS here -->
	<link rel="stylesheet" href="__TMPL__/public/assets/css/bootstrap.min.css" />
	<link rel="stylesheet" href="__TMPL__/public/assets/css/animate.min.css" />
	<link rel="stylesheet" href="__TMPL__/public/assets/css/magnific-popup.css" />
	<link rel="stylesheet" href="__TMPL__/public/assets/css/fontawesome-all.min.css" />
	<link rel="stylesheet" href="__TMPL__/public/assets/css/swiper-bundle.min.css" />
	<link rel="stylesheet" href="__TMPL__/public/assets/css/odometer.css" />
	<link rel="stylesheet" href="__TMPL__/public/assets/css/slick.css" />
	<link rel="stylesheet" href="__TMPL__/public/assets/css/default.css" />
	<link rel="stylesheet" href="__TMPL__/public/assets/css/style.css" />
	<link rel="stylesheet" href="__TMPL__/public/assets/css/responsive.css" />

	<style>

		.banner_box .swiper-pagination-bullet{
            margin:0 10px!important;
            overflow: hidden;
        }
        .banner_box .banner_img{
            width:100%;
        }
        .banner_box{
            width: 100%;
            overflow:hidden;
           }

		form.example {
			width: 80%;
			margin: 0 auto;
			margin-top: -29rem;
			background: #fff;
			border-radius: 50px;
			z-index: 9;
		}
		form.example input[type="text"] {
			padding: 22px 10px;
			font-size: 22px;
			float: left;
			width: 80%;
			border: 0px;
			background: #fff;
			border-top-left-radius: 50px;
			border-bottom-left-radius: 50px;
		}
		form.example button {
			float: left;
			width: 20%;
			padding: 20px 10px;
			background: linear-gradient(to right, #0351e6, #33cdc7);
			color: white;
			font-size: 22px;
			border-radius: 50px;
			border: 0px;
			border-left: none;
			cursor: pointer;
			position: relative;
			top: 3px;
			left: 12px;
		}


		.bd-content-bottom {
			width: 100% !important;
		}
		.teacher {
			margin-bottom: 30px;
		}

		.cont_title {
			width: 320px;
			display: flex;
			align-items: center;
			margin: 20px auto;
			margin-bottom: 50px;
		}
		.cont_title img {
			width: 50px;
		}
		.cont_title h2 {
			font-size: 28px;
			line-height: 40px;
			padding: 0 20px;
			color: #070707;
			margin: 0;
			width: 220px;
			text-align: center;
		}

		.teacher .align-items-center {
			background-color: #f7f9fa;
			padding: 20px;
			border-radius: 10px;
			width: 92%;
			margin:0 4%;
		}
		.teacher .left_box img {
			width: 100%;
		}
		.teacher .center_box ul {
			margin-top: 30px;
		}
		.teacher .center_box ul li {
			font-size: 15px;
			line-height: 20px;
			margin-bottom: 30px;
			color: #333333;
			display: flex;
		}
		.teacher .center_box ul li .left_text {
			width: 40%;
			text-align: left;
		}
		.teacher .center_box ul .list_right {
			text-align: right;
			margin-left: 56%;
		}
		.teacher .center_box ul li a {
			font-size: 15px;
			line-height: 20px;
			color: #333333;
		}
		.teacher .center_box ul li span {
			margin-left: 5px;
		}
		.teacher .center_box ul li img {
			width: 20px;
			height: 20px;
			margin-right: 10px;
		}
		.teacher .right_box{
			width: 150px;
			text-align: center;
		}
		.teacher .right_box img {
			width: 100px;
			background-color: #fff;
			padding: 5px;
			border-radius: 5px;
			margin-left: 10px;
		}
		.teacher .right_box a {
			font-size: 14px;
			display: block;
			width: 100%;
			text-align: center;
			color: #333333;
			line-height: 50px;
			margin-left: 10px;
		}

		.teacher .right_box .btn{
			font-size: 16px;
			line-height: 40px;
			height: 40px;
			padding:0 25px;
			border-radius: 8px;
			margin-top: 20px;
			color: #333333;
			background: linear-gradient(to right, #FDFE94, #0ACEC3);
		}

		.standard{
			background-color: #E8FCFA;
			padding:30px;
			border-radius: 10px;
		}

		.standard .center_box{
			width: 700px;
			display: flex;
			transform: translateX(-50%);
			margin-left: 50%;
			justify-content: space-between;
		}
		.standard .center_box .list_box{
			width: 200px;
			background-color: #fff;
			border-radius: 10px;
			overflow: hidden;
		}
		.standard .center_box .list_box .list_title{
			width: 100%;
			height: 50px;
			line-height: 50px;
			font-size: 18px;
			font-weight: 600;
			text-align: center;
			color: #5F1404;
			background: linear-gradient(to bottom, #FFB0C0, #FEDDB7);
		}
		.standard .center_box .list_box .list_title2{
			color: #081558;
			background: linear-gradient(to bottom, #91C1F8, #F2DDF9);
		}
		.standard .center_box .list_box .list_title3{
			color: #394D04;
			background: linear-gradient(to bottom, #B4F3D1, #FDF9C1);
		}
		.standard .center_box .list_box .list_cont{
			width: 100%;
			height: 100px;
			line-height: 100px;
			font-size: 22px;
			font-weight: 600;
			text-align: center;
			color: #333333;
		}
		.standard .btn_box{
			display: flex;
			width: 300px;
			transform: translateX(-50%);
			margin-left: 50%;
			justify-content: space-between;
			margin-top: 30px;
		}
		.standard .btn_box .btn{
			width: 45%;
			font-size: 16px;
			line-height: 40px;
			height: 40px;
			padding:0 25px;
			border-radius: 8px;
			margin-top: 20px;
			color: #4FDBB5;
			border: 1px solid #4FDBB5;
			background: none;
		}

		.trip{
			width: 1200px;
			max-width: 1200px;
			margin-top: 30px;
			background-color: rgba(241,28,39,0.03);
			padding:20px 35px;
			display: flex;
			border-radius: 8px;
			margin-bottom: 30px;
		}

		.trip .trip_left{
			width: 100px;
			margin-right: 40px;
			flex-shrink: 0;
		}
		.trip .trip_left img{
			width:80px;
			margin:0 10px;
		}
		.trip .trip_left span{
			display: block;
			width: 100%;
			font-size: 16px;
			color: #333333;
			text-align: center;
			line-height: 40px;
		}

		.trip p{
			font-size: 16px;
			color: #F82B36;
			line-height: 32px
		}
	</style>
</head>
<body>
<!--loading-->
<div id="preloader" style="display: none">
	<div id="loader" class="loader">
		<div class="loader-container">
			<div class="loader-icon">
				<img src="__TMPL__/public/assets/picture/preloader.png" alt="Preloader" />
			</div>
		</div>
	</div>
</div>
<!--loading -->
<include file="public@nav"/>
<!-- 头部 -->

<!-- main-area -->
<main>
	<!-- banner -->
	<section class="banner-area banner-bg">
		<div class="banner_box">
			<div class="swiper-wrapper">
				<foreach name="slide_list" item="vo">
					<div class="swiper-slide"><img class="banner_img" src="{:cmf_get_image_url($vo.image)}" alt="" /></div>
				</foreach>

			</div>
			<!-- 如果需要分页器 -->
			<div class="swiper-pagination"></div>
		</div>
	</section>

	<!-- 平台详细信息 -->
	<section class="team-area">
		<div class="container teacher" style="min-height: 300px !important;">
			<div class="cont_title">
				<img src="__TMPL__/public/assets/image/index_title_icon1.png" />
				<h2>{:lang('Platform Details')}</h2>
				<img src="__TMPL__/public/assets/image/index_title_icon2.png" />
			</div>
			<div class="row align-items-center">
				<div class="row">
					<div class="col-lg-4 left_box">
						<img src="{:cmf_get_image_url($article.thumbnail)}"
							 class="img-responsive" alt="{$article.post_title}"/>
					</div>

					<div class="col-lg-6 center_box">

						{$article.post_content|default=''}


					</div>

					<div class="col-lg-2 right_box">
						  &nbsp;&nbsp;<img src="{:cmf_get_image_url($more)}" alt="" /><a
							href="#"
					>加入高质量策略群</a
					>
						<button style="margin-left: 15px" class="btn" onclick="jump('{$article.brand_other}')">{:lang('Open an account immediately')}</button>
					</div>
				</div>
			</div>
		</div>
	</section>
	<!-- 平台详细信息 -->

	<!-- 返佣标准 -->
	<section class="team-area">
		<div class="container standard">
			<div class="cont_title">
				<img src="__TMPL__/public/assets/image/index_title_icon1.png" />
				<h2>{:lang('Rebate standards')}</h2>
				<img src="__TMPL__/public/assets/image/index_title_icon2.png" />
			</div>
			<div class="row align-items-center" style="display: block;">
				<div class="center_box">
					<div class="list_box">
						<div class="list_title">{:lang('gold')}</div>
						<div class="list_cont">{$article.brand_gold|default=''}</div>
					</div>
					<div class="list_box">
						<div class="list_title list_title2">{:lang('foreign exchange')}</div>
						<div class="list_cont">{$article.brand_out|default=''}</div>
					</div>
					<div class="list_box">
						<div class="list_title list_title3">{:lang('other')}</div>
						<div class="list_cont">{$article.brand_other|default=''}</div>
					</div>
				</div>

				<div class="btn_box">
					<button class="btn" onclick="jump('/portal/article/index.html?id=22')">{:lang('Opening')}</button>
					<button class="btn" onclick="jump('/portal/article/index.html?id=23')">{:lang('Transfer')}</button>
				</div>
			</div>
		</div>
	</section>
	<!-- 返佣标准 -->

	<!-- 提示 -->
	<section class="team-area">
		<div class="container trip">
			<div class="trip_left">
				<img src="__TMPL__/public/assets/image/about_tishi.png" />
				<span>风险提示</span>
			</div>
			<p>{$site_info.site_fengxian|default=''}</p>		</div>
	</section>
	<!-- 提示 -->

</main>
<!-- main-area-end -->

<!-- 页尾 -->
<footer>
	<div class="footer-area">
		<div class="footer-top">
			<div class="container">
				<div class="row">
					<div class="col-lg-3 col-sm-6">
						<div class="footer-widget">
							<div class="logo">
								<a href=""
								><img src="__TMPL__/public/assets/picture/w_logo.png" alt=""
								/></a>
							</div>
							<div class="footer-contact">
								<span>九鼎返佣网</span>
								<span>你外汇交易的贴身管家</span>
							</div>
						</div>
					</div>
					<div class="col-lg-4 col-sm-8">
						<div class="footer-widget">
							<div class="fw-link">
								<ul class="list-wrap">
									<li><a href="">{:lang('MOBILE')}</a> <span>{$site_info.site_mobile|default=''}</span></li>
									<li><a href="">{:lang('MAILBOX')}</a> <span>{$site_info.site_admin_email|default=''}</span></li>
									<li>
										<a href="">{:lang('WORKTIME')}</a>
										<span>{$site_info.site_work|default=''}</span>
									</li>
								</ul>
							</div>
						</div>
					</div>
					<div class="col-lg-2 col-sm-4">
						<div class="footer-widget">
							<div class="fw-link">
								<ul class="list-wrap">
									<li><a href="">{:lang('LINK')}</a></li>
									<li><a href="">{:lang('RECOMMEND')}</a></li>
									<li><a href="{$site_info.site_us|default=''}">{:lang('ABOUT')}</a></li>
								</ul>
							</div>
						</div>
					</div>
					<div class="col-lg-3 col-sm-6">
						<div class="footer-widget">
							<div class="footer-about">
								<ul class="list_img">
									<li>
										<img src="{:cmf_get_code_list(0)}" alt="" /><a
											href="mailto:company@gmail.com"
									>{:lang('SCAN_ADD')}{:lang('WECHATG_ROUP')}</a
									>
									</li>
									<li>
										<img src="{:cmf_get_code_list(1)}" alt="" /><a
											href="mailto:company@gmail.com"
									>{:lang('SCAN_ADD')}{:lang('QQ_ROUP')}</a
									>
									</li>
								</ul>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="footer-bottom">
			<div class="container">
				<div class="row align-items-center">
					<div class="col-md-12">
						<div class="copyright-text text-end">
							<p>        {$site_info.site_static|default=''}</p>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</footer>
<!-- 页尾 -->

<!-- JS here -->
<script src="__TMPL__/public/assets/js/jquery-3.6.0.min.js"></script>
<script src="__TMPL__/public/assets/js/bootstrap.min.js"></script>
<script src="__TMPL__/public/assets/js/isotope.pkgd.min.js"></script>
<script src="__TMPL__/public/assets/js/imagesloaded.pkgd.min.js"></script>
<script src="__TMPL__/public/assets/js/jquery.magnific-popup.min.js"></script>
<script src="__TMPL__/public/assets/js/jquery.odometer.min.js"></script>
<script src="__TMPL__/public/assets/js/swiper-bundle.min.js"></script>
<script src="__TMPL__/public/assets/js/jquery.appear.js"></script>
<script src="__TMPL__/public/assets/js/slick.min.js"></script>
<script src="__TMPL__/public/assets/js/ajax-form.js"></script>
<script src="__TMPL__/public/assets/js/parallax.min.js"></script>
<script src="__TMPL__/public/assets/js/jquery.parallaxScroll.min.js"></script>
<script src="__TMPL__/public/assets/js/tween-max.js"></script>
<script src="__TMPL__/public/assets/js/wow.min.js"></script>
<script src="__TMPL__/public/assets/js/main.js"></script>
<script>
	function jump(url) {
		window.location.href=url
	}

	//轮播图
	var mySwiper = new Swiper(".banner_box", {
        direction: "horizontal", // 垂直切换选项
        loop: true, // 循环模式选项
        autoplay: {
   	 	    delay: 3000,
    		stopOnLastSlide: false,
    		disableOnInteraction: true,
    	},
        // 如果需要分页器
        pagination: {
          el: '.swiper-pagination',
        },
      });
</script>
</body>
</html>
